<template>
  <div :class="{'weui-skin_android':type=='android'}" :style="{display:is_show?'':'none'}">
    <div class="weui-mask" @click="$emit('on-close')"></div>
    <div class="weui-actionsheet" :class="{'weui-actionsheet_toggle':is_show}">
      <div class="weui-actionsheet__menu">
        <div class="weui-actionsheet__cell" v-for="(item, index) in list" @click.stop="$emit('on-click', index)">{{item}}</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    type: String,
	is_show: {
	  type: Boolean,
	  default: false
	},
	list: Array
  }
}
</script>

<style>
@import 'weui/dist/style/weui.min.css';
</style>
